<template>
  <div>
    <breadcrumb :breadcrumbItem="['数据统计','数据报表']"></breadcrumb>
    <el-card>
      <div id="main" style="width: 750px;height:400px;"></div>
    </el-card>
  </div>
</template>

<script>
  import Breadcrumb from 'components/common/Breadcrumb.vue'
  import echarts from 'echarts'
  export default {
    components: {
      Breadcrumb
    },
    data() {
      return {
        
      }
    },
    created(){
      
    },
    async mounted(){
      var myChart = echarts.init(document.getElementById('main'));
      const {data:res}=await this.$http.get('reports/type/1')
      if (res.meta.status !== 200) return this.$message.error('获取报表失败')
      myChart.setOption(res.data);

    },
    methods: {
     
    },
  }
</script>